<template>
	<view class="page">
		<uni-list :border="false">
			<uni-list-item :isBorder="true" padding="7rpx 0rpx">
				<view slot="left" class="slot-text">
					自取信息
				</view>
				<view slot="right" class="slot-box" style="text-align: right;">
					<input type="text" value="" placeholder="请输入你的姓名"/>
				</view>
			</uni-list-item>
			<uni-list-item :isBorder="true" padding="7rpx 0rpx">
				<view slot="left" class="slot-text">
					姓名
				</view>
				<view slot="right" class="slot-box" style="text-align: right;">
					<input type="text" value="" placeholder="请输入你的姓名"/>
				</view>
			</uni-list-item>
			<uni-list-item :isBorder="true" padding="7rpx 0rpx">
				<view slot="left" class="slot-text">
					联系方式
				</view>
				<view slot="right" class="slot-box" style="text-align: right;">
					<input type="text" value="" placeholder="请输入你的手机号"/>
				</view>
			</uni-list-item>
		</uni-list>
		<view class="zy-bootom">
			<view class="zy-btn">
				提交订单
			</view>
		</view>
	</view>
</template>

<script>
	import uniList from '@/components/uni-list/uni-list.vue'
	import uniListItem from '@/components/uni-list-item/uni-list-item.vue'
	import zyworkIcon from '@/components/zywork-icon/zywork-icon.vue'
	import ypNumberBox from "@/components/yp-number-box/yp-number-box.vue"
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	export default {
		components: {
			uniList,
			uniListItem,
			zyworkIcon,
			ypNumberBox,
			uniPopup
		},
		data() {
			return {
			};
		},
		onLoad(options) {
			  var data = JSON.parse(options.data); // 字符串转对象
			            console.log(data)
		},
		onShow() {},
		methods: {
			submit() {
				if(this.printDetails.amount>0){
					uni.navigateTo({
						url:"/pages/print/contact-way "
					})
				}
				
			}

		}
	}
</script>

<style lang="scss">
	@import '@/common/zywork-main.scss';

	.zy-btn {
		width: 500rpx;
		padding: 15rpx 0rpx;
		text-align: center;
		background-color: #00AA7F;
		color: #FFFFFF;
		border-radius: 15rpx;
		margin: 20rpx auto;
	}

	.zy-bootom {
		position: fixed;
		bottom: 0rpx;
		width: 100%;
		background-color: $primary-backcolor;
		padding: 30rpx $padding-left-right;
		@include flex-center-row;
		align-items: center;
	}

	.slot-box {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
		padding: 10rpx 0rpx;
	}

	.slot-text {
		color: #3b4144;
		font-size: $font-base;
	}

</style>
